<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="description" content="HTML5语义化标签示例">
  <meta name="keywords" content="HTML5, 语义化, 标签">
  <meta name="author" content="示例作者">
  <title>HTML5 语义标签示例</title>
</head>
<body>
  <header>
    <h1>我的个人网站</h1>
    <nav>
      <ul>
        <li><a href="#home">首页</a></li>
        <li><a href="#about">关于我</a></li>
        <li><a href="#contact">联系</a></li>
      </ul>
    </nav>
  </header>

  <main>
    <section id="about">
      <h2>关于我</h2>
      <p>我是一名学习前端开发的大学生，正在掌握 HTML、CSS 和 JavaScript。</p>
    </section>

    <article>
      <h2>我的学习日志</h2>
      <p>今天我学习了 HTML5 的语义化标签，它能让网页更易读、更易维护。</p>
    </article>

    <aside>
      <h3>推荐阅读</h3>
      <ul>
        <li><a href="#">HTML5 入门教程</a></li>
        <li><a href="#">CSS3 高级技巧</a></li>
      </ul>
    </aside>
  </main>

  <footer>
    <p>版权所有 © 2025 我的个人网站</p>
  </footer>
</body>
</html>
